<template>
	<div class="container">
		<navigationBar title="评价"></navigationBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight-1) + 'px;'">
			<div class="star">
				<div class="label">描述相符</div>
				<star :score="score" @XClick="setStar"></star>
			</div>

			<div class="textarea-wrap">
				<textarea maxlength="500" v-model="netData" placeholder-style="color:#bcbcbc;padding:0;font-size:28rpx"
					placeholder="聊聊本次交易的感受,你的评价能帮助到其他人" />
			</div>
			<div class="bottom">
				<div class="btn" @click="submit">提交评价</div>
			</div>
		</div>
	</div>
</template>

<script>
	import data from '@/js/my/evaluate/data.js';
	import methods from '@/js/my/evaluate/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	import star from '../../components/star.vue';
	export default {
		data,
		methods,
		onLoad(e) {
			this.id = e.id;
		},
		onShow() {},
		onHide() {},
		components: {
			navigationBar,
			star
		},
		computed: {
			...mapState(['navigationBarHeight', 'userInfo'])
		}
	};
</script>
<style scoped lang="scss">
	@import '~@/style/my/evaluate.scss';
</style>